import { Tabs, Empty, Divider, Tag } from 'antd-mobile'
import "@/css/vender/order/orderDetail.css"
const VOrderDetail = () => {
    return <>
        <div className="detailContainer">
            <div className='detail_finishOrders'>
                <div className='detail_finishOrder'>
                    <div className='detail_orderHead'>
                        <p>罗顶级柳州螺蛳粉</p>
                        <p> <Tag color='success'>已完成</Tag></p>
                    </div>

                    <div className='detail_divider'></div>

                    <div className='detail_orderDetail'>
                        <div className='detail_shop-left'>
                            <div className='detail_shop-img-box'>
                                <img src={require(`@/assets/imgs/shop${1}.jpg`)} alt='' className='detail_shop-img' />
                            </div>

                            <div className='detail_shop-remark'>
                                <p>鸡爪</p>
                                <p className='goodWeight'>10斤 | ±0.5斤</p>
                                {/* <p>收货数量:2,收货金额:¥100</p>
                                    <p>2024-01-18 15:31:16</p> */}
                            </div>
                        </div>
                        <div className='detail_shop-right'>
                            <div className='detail_shop-right-info'>
                                <div>￥400</div>
                                <div>X4</div>
                                <div>
                                    总价:400
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <div className='divider_two'></div>
            <div className="orderData">
                <div className="y_cell">
                    <div>
                        商品数量
                    </div>
                    <div>
                        4件
                    </div>
                </div>

                <div className="y_cell">
                    <div>
                        总金额
                    </div>
                    <div>
                        ￥400
                    </div>
                </div> <div className="y_cell">
                    <div>
                        下单时间
                    </div>
                    <div>
                        2024-01-18 15:31:16
                    </div>
                </div>

                <div className="y_cell">
                    <div>
                        发货状态
                    </div>
                    <div>
                        <Tag color='success'>已完成</Tag>
                    </div>
                </div>

                <div className="y_cell">
                    <div>
                        发货时间
                    </div>
                    <div>
                        2024-01-18 15:31:30
                    </div>
                </div>

                <div className="y_cell">
                    <div>
                        发货状态
                    </div>
                    <div>
                        <Tag color='success'>已收货</Tag>
                    </div>
                </div>


                <div className="y_cell">
                    <div>
                        收货时间
                    </div>
                    <div>
                        2024-01-18 15:32:37
                    </div>
                </div>

                <div className="y_cell">
                    <div>
                        收货描述
                    </div>
                    <div>
                        发发发
                    </div>
                </div>


                <div className="y_cell">
                    <div>
                        收货数量
                    </div>
                    <div>
                        x2
                    </div>
                </div>
                <div className="y_cell">
                    <div>
                        收货金额
                    </div>
                    <div className='order_price'>
                        ¥100
                    </div>
                </div>


            </div>
        </div>
    </>
}

export default VOrderDetail